<div class="top_bar">
  <div class="l_container clearfix">
    <!-- 登录注册 start -->
    <div class="login_bar pull_left">
      <ul class="list-inline">
        <li class="login_link_items">51有色欢迎您</li>
        <li class="login_link_items"><a href="login.html" class="active">请登录</a></li>
        <li class="login_link_items"><a href="register.html">免费注册</a></li>
        <li class="login_link_items map_dropdown" onmouseover="showDropdown(this)" onmouseout="hideDropdown(this)"><a href="##" class="top_link_items">账号12345... <i class="ys_dropup ys_icon"></i></a>
          <div class="dropdown_content">
            <p>欢迎您，天津铜业有限公司！</p>
            <p><span class="o_member">普通会员</span> <a href="##" class="pull_right">账号管理</a></p>
          </div>
        </li>
        <li class="login_link_items"><a href="##">退出</a></li>
      </ul>
    </div>
    <!-- 登录注册 end -->

    <div class="top_map pull_right clearfix">
      <ul class="top_map_list list-inline">
        <li><a href="index.html" class="top_link_items">网站首页</a></li>
        <li class="map_dropdown" onmouseover="showDropdown(this)" onmouseout="hideDropdown(this)"><a href="##" class="top_link_items" >APP下载 <i class="ys_dropup ys_icon"></i></a>
          <div class="dropdown_content app_youse clearfix">
            <img src="./images/01.png" alt="APP二维码" class="pull_left">
            <img src="./images/02.png" alt="" class="pull_right">
            <img src="./images/03.png" alt="" class="pull_right">
          </div>
        </li>
        <li class="map_dropdown"  onmouseover="showDropdown(this)" onmouseout="hideDropdown(this)"><a href="##" class="top_link_items">采购商中心 <i class="ys_dropup ys_icon"></i></a>
          <div class="dropdown_content">
            <ul class="list-unstyled">
              <li><a href="">我的订单</a></li>
            </ul>
          </div>
        </li>
        <li class="map_dropdown"  onmouseover="showDropdown(this)" onmouseout="hideDropdown(this)"><a href="##" class="top_link_items">供应商中心 <i class="ys_dropup ys_icon"></i></a>
          <div class="dropdown_content">
            <ul class="list-unstyled">
              <li><a href="">添加挂单</a></li>
              <li><a href="">我的挂单</a></li>
              <li><a href="">我的订单</a></li>
            </ul>
          </div>
        </li>
        
        <li class="map_dropdown"  onmouseover="showDropdown(this)" onmouseout="hideDropdown(this)"><a href="##" class="top_link_items">网站导航 <i class="ys_dropup ys_icon"></i></a>
          <div class="dropdown_content map_box">
             <ul class="list-inline">
               <li class="map_title">网站首页</li>
               <li class="map_link_items"><a href="##">网站首页</a></li>
             </ul>
             <ul class="list-inline">
               <li class="map_title">现货交易</li>
               <li class="map_link_items"><a href="##">51集市</a></li>
               <li class="map_link_items"><a href="##">51商城</a></li>
             </ul>
             <ul class="list-inline">
               <li class="map_title">信息中心</li>
               <li class="map_link_items"><a href="##">行业资讯</a></li>
               <li class="map_link_items"><a href="##">深度分析</a></li>
               <li class="map_link_items"><a href="##">企业动态</a></li>
               <li class="map_link_items"><a href="##">供应商推荐</a></li>
             </ul>
             <ul class="list-inline">
               <li class="map_title">帮助中心</li>
               <li class="map_link_items"><a href="##">新手入门</a></li>
               <li class="map_link_items"><a href="##">交易流程</a></li>
               <li class="map_link_items"><a href="##">常见问题</a></li>
             </ul>
             <ul class="list-inline">
               <li class="map_title">关于平台</li>
               <li class="map_link_items"><a href="##">平台介绍</a></li>
               <li class="map_link_items"><a href="##">平台动态</a></li>
               <li class="map_link_items"><a href="##">平台公告</a></li>
               <li class="map_link_items"><a href="##">联系我们</a></li>
               <li class="map_link_items"><a href="##">人才招聘</a></li>
               <li class="map_link_items"><a href="##">合作伙伴</a></li>
               <li class="map_link_items"><a href="##">法律声明</a></li>
             </ul>
          </div>
        </li>
      </ul>
    </div>
  </div>
</div>
